<template>
  <div>
    <!-- Latest update -->
    <vue-timeline-update
        :date="new Date('2022-02-26')"
        title="v2.2.0 - Initial D"
        description="Today I am thrilled to announce the release of Vue.js 2.2.0."
        thumbnail="https://gitee.com/Cjx_723/my-pic-warehouse/raw/master/uploadimg/121/10/1635766752641_0de9575b-b5cd-4a0e-88c5-0eeb3dcc6d38.png"
        category="announcement"
        icon="code"
        color="red"
    />

    <!-- Another update -->
    <vue-timeline-update
        :date="new Date('2016-11-22')"
        title="v2.1.0 - Hunter X Hunter"
        description="Today I am thrilled to announce the release of Vue.js 2.1.0."
        thumbnail="/images/vuetimeline/hunter_x_hunter.jpg"
        category="announcement"
        icon="code"
        color="turquoise"
    />
    <!-- Yet another update -->
    <vue-timeline-update
        :date="new Date('2016-09-30')"
        title="v2.0.0 - Ghost in the Shell"
        description="Today I am thrilled to announce the release of Vue.js 2.0.0"
        thumbnail="/images/vuetimeline/ghost_in_the_shell.jpg"
        category="announcement"
        icon="code"
        color="gba(112,212,123)"
        is-last
    />
  </div>

</template>

<script>
export default {
  name: "timeLine",
}
</script>

<style scoped>

</style>
